<template>
	<view class="content">
		<u-grid :col="2"
				hover-class="u-hover-class">
				<u-grid-item @click="clickEvent(item)" v-for="(item,key) in wholeObj" :key='key'>
					<u-icon :name="item.icon" :size="46"></u-icon>
					<view class="grid-text">{{item.title}}</view>
				</u-grid-item>
		</u-grid>
		<!-- #ifdef MP-WEIXIN -->
		<u-modal @confirm="confirmMeth" :show-cancel-button='true' v-model="show" :content="content"></u-modal>
		<!-- #endif -->
		<!-- #ifdef H5 || APP-PLUS -->
		<view>uview版本号：{{$u.config.version}}</view>
		<!-- #endif -->
	</view>
</template>

<script>
	export default {
		// 在此 可以用vuex来缓存用户信息
		data() {
			return {
				show: false,
				content:"获取用户信息",
				// 做个区分1/小程序展示用户信息和图片
				// 其他显示获取本机信息
				wholeObj:[{
					icon:"photo",
					title:"66",
					id:0
				},
				// #ifdef APP-PLUS || H5
				{
					icon:"hourglass",
					title:"获取本机信息",
					id:1
				},
				// #endif
				{
					icon:"hourglass",
					title:"获取本地相片&展示",
					id:2
				},{
					icon:"hourglass",
					title:"将用户位置在地图展示出来",
					id:3
				},
				// #ifdef MP-WEIXIN || H5
				{
					icon:"hourglass",
					title:"小程序获取用户信息",
					id:3
				},
				// #endif
				]
			}
		},
		onLoad() {
			this.show = true;
		},
		methods: {
			confirmMeth(){
				var that = this;
				// 调用 wx.login() 获取 临时登录凭证code ，并回传到开发者服务器。
				// 调用 code2Session 接口，换取 用户唯一标识 OpenID 和 会话密钥 session_key。
				   wx.login({   //这个是微信提供的登录接口  当同意登录后 可以获取微信号的信息
				        success: (res) => {  
							if (res.code) {         //微信登录成功 已拿到code  
								console.log(res,'456789')
								that.getUserInfo();
				            } else {  
								uni.showToast({
									title: '登录失败！'+ res.errMsg
								})
				            }  
				        }  
				    }) 
			},
			getUserInfo(){
				uni.getUserInfo({
					success:function(userInfo,rawData,signature,encryptedData,iv,errMsg){
						// 可以考虑做个数据持久化 or vuex or 路由传参三种形式来在相应页面展示信息
						uni.showToast({
							title: '授权成功！'
						})
						console.log('userInfo：', userInfo,'rawData:',rawData,'signature:',signature,'encryptedData:',encryptedData,'iv：',iv,'errMsg',errMsg,'获取的用户信息')
					}
				})
			},
			clickEvent(inf){
				if(inf.id == 1){
					uni.navigateTo({
						url:"/pages/firstStage/getMessage/index"
					  })
				}else if(inf.id == 3){ //跳转小程序页面
					// alert(inf.title)
				}else {
					
				}
			}
		}
	}
</script>

<style>
	.content {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	.logo {
		height: 200rpx;
		width: 200rpx;
		margin-top: 200rpx;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 50rpx;
	}

	.text-area {
		display: flex;
		justify-content: center;
	}

	.title {
		font-size: 36rpx;
		color: #8f8f94;
	}
</style>
